<template>
    <div id="header">
        <!-- <div class="avatar">
            <img src="../images/1.jpg"/>
        </div> -->
        <!-- <div class="list">
            <ul>
                <li>我的主页</li>
                <li>我的介绍</li>
                <li>教育背景</li>
                <li>个人技能</li>
                <li>自我评价</li>
            </ul>
        </div> -->
    </div>
</template>

<style scoped>
#header{
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.603);
}
.avatar img{
    margin-left: 6%;
    margin-top: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 50px;
}
.list li{
    float: left;
    list-style: none;
    color: white;
    line-height: 60px;
    padding-left: 30px;
}
</style>